@charset "UTF-8";

@-moz-document url(chrome://browser/content/browser.xhtml){
/* Please write your custom CSS under this line*/
}

.browser-toolbar {
  min-width: 0;
  min-height: 0;
  background-color: #eceaf2;
}

.titlebar-button {
  background-color: white !important;
  color: black !important;
  margin: 5px !important;
  border: 1px solid black !important;
  box-shadow: 1px 1px 0px black;
  width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
  border-radius: 3px !important;
  padding: 0px !important;
  cursor: pointer;
  margin-top: 18px !important;
}

.titlebar-button:last-child {
  margin-right: 10px !important;
}

.titlebar-button image {
  height: 8px !important;
  color: black;
}

.titlebar-min image {
  /*<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z'/%3E%3C/svg%3E") !important;
}

.titlebar-min:hover {
  background-color: #26c73f !important;
  transition: 0.5s;
}

.titlebar-restore:hover,
.titlebar-max:hover {
  background-color: #fdbc2d !important;
  transition: 0.5s;
}

.titlebar-close:hover {
  background-color: #fd5f56 !important;
  transition: 0.5s;
}

.titlebar-close {
  /*<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z'/%3E%3C/svg%3E") !important;
}

.titlebar-restore {
  /*<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M432 48H208c-17.7 0-32 14.3-32 32V96H128V80c0-44.2 35.8-80 80-80H432c44.2 0 80 35.8 80 80V304c0 44.2-35.8 80-80 80H416V336h16c17.7 0 32-14.3 32-32V80c0-17.7-14.3-32-32-32zM48 448c0 8.8 7.2 16 16 16H320c8.8 0 16-7.2 16-16V256H48V448zM64 128H320c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V192c0-35.3 28.7-64 64-64z'/%3E%3C/svg%3E") !important;
}

.titlebar-max {
  /*<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->*/
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 80c8.8 0 16 7.2 16 16V416c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V96c0-8.8 7.2-16 16-16H384zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E") !important;
}

tab .tab-background {
  background-color: #e8e8ea !important;
  border: 1px solid black !important;
  box-shadow: 1px 1px 0px black !important;
  border-radius: 5px !important;
}

tab[selected="true"] .tab-background {
  background: white !important;
}

tab {
  cursor: pointer;
  margin-top: 5px !important;
}

tab:first-child {
  margin-left: 10px !important;
}

.tabs-alltabs-button {
  display: none;
}

#tabs-newtab-button .toolbarbutton-icon,
#new-tab-button image {
  background-color: white;
  border: 1px solid black;
  box-shadow: 1px 1px 0px black !important;
  border-radius: 5px !important;
  margin-top: 5px !important;
}

#tabs-newtab-button,
#new-tab-button {
  cursor: pointer;
}

#back-button image,
#forward-button image,
#home-button image,
#reload-button image,
#stop-button image,
#downloads-button image,
#unified-extensions-button image,
#PanelUI-button image {
  background-color: white;
  border: 1px solid black;
  box-shadow: 1px 1px 0px black !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  padding: 3px !important;
  height: 25px !important;
  width: 25px !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
}

#fxa-toolbar-menu-button {
  display: none !important;
}

#urlbar-container {
  height: 100% !important;
}

#urlbar-container #urlbar {
  background-color: white !important;
  border: 1px solid black !important;
  border-radius: 5px !important;
  box-shadow: 1px 1px 0px black;
}

#urlbar-container #urlbar #urlbar-background {
  background-color: white !important;
}

#PersonalToolbar,
#nav-bar {
  background-color: #eae8ef !important;
}

#nav-bar {
  height: 50px;
}

.toolbarbutton-badge-stack {
  padding: 0px !important;
}

.bookmark-item {
  background-color: white !important;
  padding: 3px;
  border: 1px solid black;
  box-shadow: 1px 1px 0px black;
  border-radius: 3px;
  margin-right: 14px !important;
  margin-bottom: 5px !important;
}

.bookmark-item:first-child {
  margin-left: 7px !important;
}

#OtherBookmarks {
  margin-right: 5px !important;
}

#PersonalToolbar {
  height: 35px !important;
}

body {
  background-color: #ecebf0 !important;
}

#firefox-view-button,
#home-button,
#save-to-pocket-button,
#import-button,
#sidebar-button,
.toolbaritem-combined-buttons {
  display: none;
}

#back-button {
  padding-inline-start: calc(var(--toolbar-start-end-padding) + 2px) !important;
}

#tabbrowser-tabs {
  border-inline-start: none !important;
}

#tabbrowser-arrowscrollbox-periphery {
  padding-inline-end: var(--toolbar-start-end-padding);
}

#nav-bar toolbarspring {
  flex: 1 !important;
}

#urlbar:focus {
  outline: none;
}

toolbar .toolbarbutton-1 {
  &:not([disabled]) {
    &:hover> :is(.toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-stack) {
      background-color: transparent !important;

      image {
        background-color: var(--toolbarbutton-hover-background) !important;
      }
    }
  }
}

toolbarbutton.bookmark-item:not(.subviewbutton) {
  &:not([disabled], [open]):hover {
    background-color: var(--toolbarbutton-hover-background) !important;
  }
}

* {
  scrollbar-width: thin;
}